<div class="border rounded d-inline-block pointer" [ngStyle]="sizeStyle" (click)="fileInput.openFileDialog()">
    <input tsFile #fileInput="tsFile" (fileChange)="uploadItem($event)">
    <div class="w-100 p-2" [ngStyle]="previewSize">
        <div class="w-100 h-100" [ngStyle]="previewStyle"></div>
    </div>
    <div style="height:26px" class="position-relative">
        <div *ngIf="item && item.uploading" class="progress mx-1" style="height:2px;margin-top:2px;">
            <div class="progress-bar" [style.width.%]="item?.progress"></div>
        </div>
        <div class="text-center text-muted text-truncate w-100 px-1" style="font-size: 12px;line-height: 20px;">
            {{item?.fileItem.name}}</div>
    </div>
</div>